<template>
    <div id="app">
        <div class="lcontent">
            <div @click="onSkip('loginlog')">登录日志</div>
            <div @click="onSkip('errorlog')">错误日志</div>
            <div @click="onSkip('bpmlog')">BPM推送日志</div>
        </div>

    </div>
</template>
  
<script>
export default {

    data() {
        return {

        };
    },
    created() {


    },
    watch: {},
    methods: {

        onSkip(urlstr){
            this.$router.push({ name: urlstr });
        }
    },
};
</script>
  
<style scoped>
#app {
    padding: 200px;
    background-color: #e9e7e7;
    height: calc(100vh - 400px);
}

.lcontent {
    display: flex;
}

.lcontent div {
    flex: 1;
    height: 200px;
    background: -webkit-linear-gradient(left, #e9e7e7, #67c23a);
    margin-right: 20px;
    text-align: center;
    line-height: 200px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    cursor: pointer;
}
</style>